/*/========================================
【p500Style-General.css】
 Master Stylesheet
========================================/*/
/*()*/

/*/ --------------------------------
html 設定
-------------------------------- /*/

@charset "utf-8";

/*/ --------------------------------
スクロールバーを常に表示する～ブラウザーや表示域の大小によらず常に表示する)
-------------------------------- /*/
html{ 
	overflow: scroll;
	overflow: -moz- scroll bars- vertical;
	overflow-x: scroll;
	}


/*/ --------------------------------
ページ全体の指定 document body
-------------------------------- /*/
/*ボディー body */
body	{
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #003366;/*文字色 #003366ブルーブラック*/

/*ページ全体の地色↓ #ffffff白/ transparent透明=解除に使用*/
	background-color: ffffff;
/*↑ どちらかを設定する  */
/*↓ (両方設定は無駄な動作を発生) */
	/* background-image: url(pic-Gnrl/BGI-Sq-dark.png); */
/*背景画像↑ BGI-Sq-dark.png 縞柄四角sq20px */
	}

a	{color: #017acd}/*リンク部分の色 #017acdコバルト */


/*/ --------------------------------
コンテナー指定
(文書群ボックス-入れ物-) container
-------------------------------- /*/
/*コンテナー container(Master) */
#container	{
	width: 790px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;/* 中央揃えに */
	margin-left: auto;/* 中央揃えに */
	padding: 0;

/*コンテナー範囲の地色↓#efeeef極薄い灰*/
	background-color: #ffffff;/*白に変更*/

/*コンテナー範囲の地色と背景画像↓*/
	background-color: #ffffff;/*白に変更*/
/*↑ どちらかを設定する  */
/*↓ (両方設定は無駄な動作を発生) */
/*背景画像：BGI-Sq-dark.png縞柄四角sq20px↓*/
	background-image:	url("../../../$Old data/90Gnrl_pic/line-gray.png");
	background-repeat: repeat-y;/*縦方向にのみ*/
	}

/*コンテナー~Page用 container-page */
#container-page	{
	width: 790px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;/* 中央揃えに */
	margin-left: auto;/* 中央揃えに */
	padding: 0;

/*コンテナー範囲の地色↓#efeeef極薄い灰*/
	background-color: #ffffff;/*白に変更*/

/*コンテナー範囲の地色と背景画像↓*/
	background-color: #ffffff;/*白に変更*/
/*↑ どちらかを設定する
  ↓ (無駄な動作の発生)*/
/*背景画像：BGI-Sq-dark.png縞柄四角sq20px↓*/

/*↓左サイドバー部削除*/
/*	background-image:	url(pic-Gnrl/line-gray.png);
	background-repeat: repeat-y;/*縦方向にのみ*/
	}


/*/ --------------------------------
ヘッダー指定 header
-------------------------------- /*/

/*ヘッダー header(Master)*/
#header	{
	margin: 5px 0px 0px;/* margin: 0;*/
	padding: 0px;/* padding: 5px 20px 0px;/* 元 15px 20px 20px */
	background-color: #ffffff;/*ヘッダー部の地色 #ffffff白*/

/*	background-image:url(pic-Gnrl/sky-gray.jpg);
	background-repeat: no-repeat;*/	/*ヘッダー部の背景画像*/

	height: 132px;/* 133px *//*ヘッダーエリアの高さ */

	/* background-position: 0px 0px 0px;*//* 背景画像の表示位置 元 0 -60px */

	/* border-bottom: solid 1px #666666;*//*下に線を引く⇒ 無しに */

	}

#header h1	{
	margin: 0px;/* 0 */
	padding: 0px 20px;
	line-height: 1em;
	background-image:url(../../../90Gnrl_pic/sq16px-h4-blu_ed.png);
	background-repeat: repeat-x;
	background-position: center;/**/
	}

#header p	{
	float:left;
	margin: 0;
	padding: 4px 20px 0px 10px;
	color: #66CCFF;
	font-size: 0.8em;
	line-height: 1em;
	}


/*ヘッダー~Page用header-page*/
#header-page	{
	margin: 5px 0px 0px;
	padding: 0px;
/*ヘッダー部の地色↓#ffffff白*/
	background-color:	#ffffff;
/*ヘッダーエリアの高さ */
	height: 58px;/* 132px */
	}

#header-page h1	{
	float: left;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px 15px 0px 20px;
	line-height: 1em;/**/
	background-image:url(../../../90Gnrl_pic/sq16px-h4-blu_ed.png);
	background-repeat: repeat-x;
	background-position: center;
	}

#header-page h2	{
	/*float: right;*/
	margin: 0px 20px 0px 0px;
	padding: 0px 0px;
	line-height: 80px;
	text-align: center;
	}

#header-page p	{
	float:left;
	margin: 0;
	padding: 4px 20px 0px 10px;
	color: #ffff99;
	font-size: 0.8em;
	line-height: 1em;
	}


/*/ --------------------------------
グローバル ナビ global-navigation
-------------------------------- /*/

/*ヘッダーメニュー#menu*/
ul#menu	{
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 0px;/* 30px */
	margin-left: 0;
	padding-left: 0;
	height: 30px;
	background-color: #005087;
	background-image: url("../../../$Old data/90Gnrl_pic/btn-rollover.png");
	}

ul#menu li	{
	list-style-type: none;
	float: left;
	}

ul#menu li a	{display: block;
	width: 120px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #005087;
	background-image: url("../../../$Old data/90Gnrl_pic/btn-rollover.png");
/*コマの右に線を引く⇒ 無しに */
	/* border-right: solid 1px #ffffff;*/
	}

ul#menu li a:hover	{
	background-color: #017acd;
	background-position: left bottom;
	}

/* アクティブな現ページ */
ul#menu .menuAct {
	color: #555555;
	float: left;
	width: 120px;
	text-align: center;
	/* 現ページのボタン btn-nav01-now.png↓*/
	background-image: url("../../../$Old data/90Gnrl_pic/btn-menuAct.png");
	line-height: 30px;
	font-weight: bold;	}



/*グローバルナビ(ヘッダー)#g-nav*/
ul#g-nav	{
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 130;
	height: 30px;
	background-color: #005087;
	background-image: url("../../../$Old data/90Gnrl_pic/btn-rollover.png");
	}

ul#g-nav li	{
	list-style-type: none;
	float: left;
	}

ul#g-nav li a	{display: block;
	width: 120px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #005087;
	background-image: url("../../../$Old data/90Gnrl_pic/btn-rollover.png");
/*コマの右に線を引く⇒ 無しに */
	/* border-right: solid 1px #ffffff;*/
	}

ul#g-nav li a:hover	{
	background-color: #017acd;
	background-position: left bottom;
	}

/* アクティブな現ページ */
ul#g-nav .menuAct {
	color: #555555;
	float: left;
	width: 120px;
	text-align: center;
	/* 現ページのボタン btn-nav01-now.png↓*/
	background-image: url("../../../$Old data/90Gnrl_pic/btn-menuAct.png");
	line-height: 30px;
	font-weight: bold;	}


/*/ --------------------------------
トピックパス topicpath
-------------------------------- /*/
/*パンくずリスト p#bread breadcrumbs */
/*トピックパス topic */
p#topic	{
	background-color: #ffffff;
	font-size: 0.75em;
	margin: 0;
	padding: 0px 15px;
	}




/*/ --------------------------------
左サイドメニュー sidebar navigation
-------------------------------- /*/

/*----------------*/
/* #sidebar 左サイドメニュー */
#sidebar	{
	margin-bottom: 0px 0px 25px 0px;/* 上0px 右0px 下25px 左0px */
	width: 190px;
	float: left;
	font-weight: bolder;
	background-image:	url("../../../$Old data/90Gnrl_pic/line-gray.png");
/*サイドバーの右に線を引く⇒ 無しに */
	/* border-right: solid 1px #000000;*/
	}

#sidebar h2	{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: bolder;
	text-align: center;
	background-image:	url("../../$0[Accessory]/[Bnr,BGI]/bg_sq20px-dark.png");
	}

ul.sidemenu	{
	margin: 10px 12px 0px 12px;/* 上10px 右12px 下0px 左12px */
	padding-left: 0;
	font-size: 0.75em;
	line-height: 0;
	border-top: solid 2px #666666;
	}

ul.sidemenu li	{
	list-style-type: none;
	}

ul.sidemenu li a	{display: block;
	line-height: 40px;/* 元 30px */
	text-decoration: none;
	color: #000000;
/*背景色↓ (元 transparent 透明)*/
	background-color: #ffffff;
	border-bottom: solid 2px #666666;
	padding-left: 5px;
	}

/*カーソルを合わせたとき*/
ul.sidemenu li a:hover	{
	background-color: #ffffcc;/*背景*/
	color: #000000;/*文字色*/
	}


/* p.feed RSSフィード*/
p.feed	{
	margin: 8px 3px 10px 8px;
	font-size: 0.7em;
	color: #000000;
	line-height: 18px;
	}

p.feed a	{
	background-color: #666666;
	font-size: 0.75em;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
/*サイドバーの下に線を引く⇒ 無しに */
	/**/ border: solid 1px #888888;/**/
	padding: 5px;
	}

p.feed img	{
	border: none;
	vertical-align: middle;
	}



/*/ --------------------------------
メイン文書 main
-------------------------------- /*/
/* #content コンテンツ */

/*----------------*/
/* コンテンツ */
#content	{
	margin: 0;/*上元30 右元30 下元25 左元auto */
	padding: 0px 30px 0px 0px;/*上元0px 右元30px 下元0px 左元0px*/
	width: 530px;/*元540 containerwidth790*/
	float: right;
	display: inline;
/*メイン文書の右に線を引く↓⇒ 無しに */
	/* border-right: solid 1px #666666;*/
	}

#content img	{	margin: 0px;}

#content h2	{
	margin: 0;/*上0 右0 下0 左0 */
	padding-left: 6px;
	line-height: 28px;
	background-color: #014471;
	background-image: url(../../../Up/bar-blue564x28.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	}

#content h3	{
	background-color: #e0e0e0;
	background-image: url("../../../$Old data/90Gnrl_pic/bar-green564x23.png");
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0
	}

#content p	{
	font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px;
	}

#content p#message	{margin-top: 0}


/*----------------*/
/* コンテンツ#content-page */
#content-page	{
	width: 790px;/*containerwidth790*/
	/* float: right;*/
	display: inline;
	margin: 0;
	padding-left: 30px;
	padding-right: 30px;
	}

/*#content-page img	{	margin: 0px;}*/

#content-page h2	{
	background-color: #014471;
	background-image: url(../../../Up/bar-blue564x28.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 40px;
	margin-top: 0;
	margin-bottom: 0}

#content-page h3	{
	background-color: #e0e0e0;
	background-image: url("../../../$Old data/90Gnrl_pic/bar-green564x23.png");
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 40px;
	margin-top: 30px;
	margin-bottom: 0}

#content-page p	{
	font-size: 0.9em;
	line-height: 2em;
	margin-top: 10px;
	padding-left: 40px;
	}

#content-page p#message	{margin-top: 0}



/*/ --------------------------------
テキスト スクロール Text scroll
-------------------------------- /*/
/*テキスト スクロール Text scroll */
.txt-scroll {
/*スクロールバー↓scroll常につける, auto指定サイズを超えたとき*/
	overflow: auto;
	width: 530px;
	height: 123px;
	}








/*/ --------------------------------
右サイドバー
-------------------------------- /*/
/* #sidebar-right 右サイドバー範囲設定 */
/* .info 右サイドバー設定 */
/* #sidebar-right 右サイドバー指定 */





/*/ --------------------------------
フッター 設定
-------------------------------- /*/

/*フッターメニュー#bottom-nav*/
ul#bottom-nav	{
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 0px;/* 3px */
	margin-left: 0;
	padding-left: 130;
	height: 24px;
	background-color: #005087;
	background-image: url(../../../Up/btn-rollover03.png);
	}

ul#bottom-nav li	{
	list-style-type: none;
	float: left;
	}

ul#bottom-nav li a	{display: block;
	width: 120px;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
	color: #555555;
	background-color: #005087;
	background-image: url(../../../Up/btn-rollover03.png);
/*コマの右に線を引く⇒ 無しに */
	/* border-right: solid 1px #ffffff;*/
	}

ul#bottom-nav li a:hover	{
	color: #555555;
	background-color: #017acd;
	background-position: left bottom;
	}

/* アクティブな現ページ */
ul#bottom-nav .menuAct {
	color: #555555;
	float: left;
	width: 120px;
	text-align: center;
/*現ページボタンbtn-menuAct02.png↓*/
	background-image: url(../../../Up/btn-menuAct02.png);
	line-height: 24px;
	font-weight: bold;	}



/*フッター#footer*/
#footer	{
	font-size: 0.75em;
	text-align: center;
	background-image: url("../../../$Old data/50 Com_data/line-blue.png");
	background-repeat: repeat-x;/*横方向のみ*/
	background-color: #ffffff;
	/* border-top: solid 1px #666666;*/
	/*線を無しにする */
	border: none;
	/* width: 760px;*/
	width: 100%;
	margin-top: 0;
	padding-top: 0px;
	clear: both;
	}

#footer	{
	line-height: 20px;
	margin-top: 0;
	padding-top: 0px;
	clear: both
	}

#footer h5  {
	text-align: center;
	 /*見出し4用のバー↓*/
	background-image:url(../../../img20oitw/line-blue.png);
	background-position: center;
	line-height: 24px;
	background-repeat: no-repeat;
	margin-left: 10px; }


/*アドレスaddress*/
address	{
	font-size: 0.75em;
	font-style: normal;
	color: #666666;
	text-align: left;
	padding: 0px;/* 12px */
	}



/* ◆◆【追加クラス】◆◆ */

/*強調文字*/
.deforme {
	background-color: #dee;
	color: #666;
	text-decoration: none; }

/*右フロート,幅150px,文字中央配置*/
.floatRight-150-center {
	float: right;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 150px;/* ボックス幅 150px */
	}

/*右フロート,幅150px,文字左配置*/
.floatRight-150 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 150px;/* ボックス幅 150px */
	}






/**//**//**//**//**//**//**//**//**/
/*
【htmlへの記述への参考】

IDセレクター　#idname
意味　id属性地が「idname」の要素
例　#header {color: #006600; }

CSS記述： #idname { 内容; }
div要素： ブロックに適用する要素のまとまり(ブロック要素 division~分割,区分~)
HTML記述： <div 属性= " 属性値 " > 内容(包含要素)～ </div>


クラスセレクター　.classname
意味　class属性が「classname」の要素
例　.note {color: #ffoooo; }

CSS記述： .classname { 内容; }
span要素： インラインで適用する要素のまとまり(インライン要素 text span)
HTML記述： <span 属性= " 属性値 " > 内容(包含要素)～ </div>




ファビコン(favicon)を用意する
favicon: favorite+iconに由来。.ico形式、.png形式が一般的

.ico形式の場合
<link rel="shortcut icon" type="image/x-icon" href=" (ファビコンまでのパス/) favicon.ico" />

/png形式の場合
<link rel="icon" type="image/png" href=" (ファビコンまでのパス/) favicon.png" />

※ favicon.ico や favicon.png という名でサーバーのルート直下に置いておくと、ブラウザが自動的に読み込んでくれる。
ただし、サイトによっては、置き場所がルート直下とは限らないことから、(XHTMLの) head要素内に link要素を指定しておくと確実。

※ ファビコンサイズ 16px四方／制作(カンバスサイズ) 32px四方

*/